<template>
  <div>
    <p class="cell-left">{{ cellTxt.left }}</p>
    <p class="cell-right">{{ cellTxt.right }}</p>
    <router-link :to="cellTxt.chref">
      <van-icon name="arrow" class="cell-icon" />
    </router-link>
  </div>
</template>

<script>
export default {
  // 接收父组件传递过来的内容
  props: ["cellTxt"],
};
</script>

<style lang="scss" scoped>
div {
  display: flex;
  align-items: center;
  border-bottom: 2px solid rgba(187, 187, 187, 100);
  margin: 0 50px;
  padding: 10px 0;
  .cell-left {
    font-size: 28px;
  }
  .cell-right {
    flex: 1;
    font-size: 28px;
    text-align: right;
  }
}
</style>